<template>
    <div>
        <div class="join">
            <div class="bg bg_a"><img src="./lianxiwomenbeijingtu.jpg" alt="" /></div>
            <div class="wen">
                <router-link :to="joinUrl" target="_blank"><img src="./zhaoxiannashi.png" alt="" /></router-link>
                </div>
            <div class="bg bg_b"><img src="./bg_c.png" alt="" /></div>
        </div>
        <div class="f_bg">
            <div class="f_m clearfix">
                <div class="f_logo">
                    <a href="">
                        <img :src="logoUrl" alt="" />
                    </a>
                </div>
                <div class="code"><img style="" :src="gongzhonghaoImg" alt="" /></div>
                <div class="f_mr">
                    <div class="line">&nbsp;</div>
                    <div class="space_hx">&nbsp;</div>
                    <span class="tl">客服电话</span>
                    <div class="num">
                        <!--            	<a href=""><img src="Assets/images/icon9.png" alt=""/></a>-->
                        <!--                <a href=""><img src="Assets/images/icon10.png" alt=""/></a>-->
                        <em>{{phone}}</em>
                    </div>
                    <div class="space_hx">&nbsp;</div>
                    <div class="line">&nbsp;</div>
                </div>
            </div>
            <div class="bq_bg">
                <div class="bq" style="text-align: center">
                    <span style="float: left">{{address}}</span>
                    <span style="float: none">{{beianhao}}</span>
                    <span style="float: right">{{banquan}}</span>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        joinUrl: {
            type: String,
            default: function() {
                return "/"
            }
        },
        logoUrl: {
            type: String,
            default: function() {
                return "http://gtxg.gitee.io/xj-jintai/Assets/wty/images/index/logo_wite.png"
            }
        },
        gongzhonghaoImg: {
            type: String,
            default: function() {
                return "http://gtxg.gitee.io/xj-jintai/Assets/wty/images/index/WechatIMG115.jpeg"
            }
        },
        phone: {
            type: String,
            default: function() {
                return "137-1814-0255"
            }
        },
        address: {
            type: String,
            default: function() {
                return "济南市莱芜区赢牟东大街99号莲河置业大厦"
            }
        },
        beianhao: {
            type: String,
            default: function() {
                return "鲁ICP备19042107号-1"
            }
        },
        banquan: {
            type: String,
            default: function() {
                return "Copyright(c) 2020 山东金泰保保险经纪有限公司所有 "
            }
        }
    }
}
</script>
<style lang="stylus">
.join
    width:100%; height:230px; margin:0px auto; overflow:hidden; position:relative;
    .bg
        width:100%; position:absolute; left:0px; z-index:1;
        img 
            width:1920px;
    .bg_a
        width:100%; height:235px; top:0px;
        img 
            height:235px;
    .wen
        display:inline-block; *display:inline; zoom:1; margin:0px auto; position:relative; z-index:3;
        img     
            width:220px; height:110px; vertical-align:top; margin-top:80px;
    .bg_b
        height:30px; bottom:0px; width:100%; z-index:2;
        img 
            height:30px;

.f_bg
    width:100%; background:#2D2E32; color:#FFF;
    .f_m 
        width:96%; max-width:1200px; margin:0px auto; padding:30px 0 50px;
        .f_logo
            width:167px; height:40px; float:left; margin-top:15px;
            img 
                height:70px; vertical-align:top;
        .code
            width:91px; height:91px; float:left; margin-left:40px; padding-left:40px; border-left:1px solid #47494F;
            img 
                width:100px;
        .f_mr 
            width:60%; float:right; margin-top:-20px; text-align:right;
            .line 
                display:block; float:right; width:13px; height:3px; background:#57585A; float:right;
            .tl
                display:inline-block; display:inline; zoom:1; width:auto; height:22px; line-height:22px; font-size:14px; background:url(tel.png) no-repeat; padding-left:27px;
            .num
                width:100%; height:45px; line-height:45px;
                img 
                    width:45px; height:45px; vertical-align:top; margin:0px 5px;
                em 
                    display:inline-block; *display:inline; zoom:1; height:45px; line-height:45px; margin-left:10px; vertical-align:top; font-size:30px;
    .bq_bg
        width:100%; border-top:1px solid #47494F;
        .bq
            width:96%; max-width:1200px; margin:0px auto; padding:15px 0; position:relative; text-align:left; color:#6A6A6C;
            span 
                float:right; font-size:12px;
</style>